<!DOCTYPE html>
<html>
    <head>
        <title>Renascer Planejados</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link rel="stylesheet" type="text/css" href="recursos/css/coin-slider-styles.css"/>
        <link rel="stylesheet" type="text/css" href="recursos/css/estilo.css"/>
        <script type="text/javascript" src="recursos/scripts/jquery-1.5.2.js"></script>
        <script type="text/javascript" src="recursos/scripts/suporte.js"></script>
        <script type="text/javascript" src="recursos/scripts/coin-slider.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                var y = $('.fundo').css('height').replace(/px/g, '');
                y = parseInt(y, 10) + 52;
                $('#publicidade').css('height', y);
            })
            
            function validarForm(){
                var valid = true;
                
                var nome = $('#nome');
                var email = $('#email');
                var telefone = $('#telefone');
                var assunto = $('#assunto');
                var mensagem = $('#mensagem');
                
                if(nome.val() === ''){
                    nome.attr("class", "campo_invalido");
                    valid = false;
                }else{
                    nome.removeAttr("class");
                }
                
                if(email.val() === ''){
                    email.attr("class", "campo_invalido");
                    valid = false;
                }else if(!checkMail(email.val())){
                    email.attr("class", "campo_invalido");
                    valid = false;
                }else{
                    email.removeAttr("class");
                }
                
                if(telefone.val() === ''){
                    telefone.attr("class", "campo_invalido");
                    valid = false;
                }else{
                    telefone.removeAttr("class");
                }
                
                if(assunto.val() === ''){
                    assunto.attr("class", "campo_invalido");
                    valid = false;
                }else{
                    assunto.removeAttr("class");
                }
                
                if(mensagem.val() === ''){
                    mensagem.attr("class", "campo_invalido");
                    valid = false;
                }else{
                    mensagem.removeAttr("class");
                }
                
                if(!valid){
                    alert("Preencha os campos corretamente para enviar o email");
                }
                return valid;
            }
        </script>
    </head>
    <body>
        <div class="banner">
            <div class="base">
                <div class="marcenaria_marmoraria">
                    <h4 class="telefone">(13) 1111-1111     |     12*123</h4>
                </div>
                <div class="logo_banner">
                    <img  title="Renascer Planejados" src="recursos/imagens/logo.png"/>
                    <h3>A solução para seu projeto</h3>
                </div>
            </div>
        </div>
        <div class="gradiente_vermelho divisoria_menu"></div>
        <div class="menu_fundo">
            <div class="icone_selecionado">
                <a href="index.html">
                    <div class="icone icon_home"></div>
                </a>
            </div>
            <div class="icone_selecionado">
                <a href="showroom.html">
                    <div class="icone icon_show_room"></div>
                </a>
            </div>
            <div class="icone_selecionado">
                <a href="orcamento.html">
                    <div class="icone icon_orcamento"></div>
                </a>
            </div>
            <div class="icone_selecionado">
                <a href="quemsomos.html">
                    <div class="icone icon_quem_somos"></div>
                </a>
            </div>
            <div class="icone_selecionado">
                <a href="faleconosco.html">
                    <div class="icone icon_fale_conosco"></div>
                </a>
            </div>
        </div>
        <div class="gradiente_vermelho_escuro divisoria_menu"></div>
        <div style="display: table; width: 100%">
        <div class="fundo">
            <div class="titulo gradiente_vermelho">
                <div class="titulo_texto">FALE CONOSCO</div>
            </div>
            <div class="div_texto gradiente_branco div_form" style="display: table">
                <span>Caso tenha alguma dúvida/sugestão, entre em contato conosco.</span>
                <br/>
                <br/>
                <div style="font-size: 25px">
                    <div style="text-align: left">
                        <img style="position: absolute;" src="recursos/imagens/atendente.png"/>
                    </div>
                    Telefone: (13) 1234-4562<br/>
                    ID: 12*122<br/>
                    Email: atendimento@renascerplanejados.com
                </div>
                <br/><br/>
                <span>Ou preencha o formulário abaixo que entraremos em contato o mais rápido possível.</span>
            </div>
            <div class="div_form">
                <form name="formulario" method="post" action="http://www.webscripts.hostbrasil.net/formmail/formmail.php" onsubmit="return validarForm()">
                    <input type="hidden" name="obrigatorio" value="nome,email,assunto,mensagem"/>
                    <input type="hidden" name="redirecionar" value="http://localhost/RenascerPlanejados/Site/enviado.html"/>
                    <input type="hidden" name="destinatario" value="ktatau.pg@hotmail.com"/>
                    <table cellspacing="0" class="table_form gradiente_branco">
                        <tbody>
                             <tr>
                                <td class="gradiente_preto titulo_form" colspan="2">Informações Pessoais</td>
                            </tr>
                            <tr>
                                <td style="width: 12%"><label for="nome">Nome:</label></td>
                                <td style="width: 88%"><input style="width: 98%" id="nome" type="text" name="nome"/></td>
                            </tr>
                            <tr>
                                <td><label for="email">Email:</label></td>
                                <td><input style="width: 98%" id="email" type="text" name="email"/></td>
                            </tr>
                            <tr>
                                <td><label for="telefone">Telefone:</label></td>
                                <td><input style="width: 50%" id="telefone" type="text" name="telefone"/></td>
                            </tr>
                            <tr>
                                <td><label for="assunto">Assunto:</label></td>
                                <td style="width: 88%"><input style="width: 98%" id="assunto" type="text" name="assunto"/></td>
                            </tr>
                            <tr>
                                <td><label for="mensagem">Mensagem:</label></td>
                                <td><textarea rows="7" style="width: 98%" id="mensagem" name="mensagem"></textarea></td>
                            </tr>
                            <tr>
                                <td colspan="2" style="text-align: center"><input class="enviar" type="submit" value="Enviar"/></td>
                            </tr>
                        </tbody>
                    </table>
                </form>
            </div>
        </div>
            <div id="publicidade" style="float: right; width: 19.5%; background: url(recursos/imagens/body_fundo.jpg) repeat;">
                <div class="gradiente_vermelho titulo_publicidade">PUBLICIDADE</div>
                <div style="padding: 5px">
                    <img style="width: 100%" border="1" src="http://googleads.g.doubleclick.net/pagead/imgad?id=CPCOu6-6yf-19wEQ0AIYmAIyCA5z75wxzN3F"/>
                    <img style="width: 100%" border="1" src="http://googleads.g.doubleclick.net/pagead/imgad?id=CPCOu6-6yf-19wEQ0AIYmAIyCA5z75wxzN3F"/>
                </div>
            </div>
        </div>
        <div class="gradiente_vermelho_escuro divisoria_menu"></div>
        <div class="rodape_fundo">
            <div class="base_rodape">
                <div>© Renascer Planejados - Todos os Direitos Reservados</div><br/>
                <div class="desenvolvido">Desenvolvido por <a href="http://www.rradesenvolvimento.com" target="_blank">RRA</a></div>
                <div class="logo_rodape">
                    <img class="img_logo_rodape" src="recursos/imagens/logo.png" title="Renascer Planejados"/>
                </div>
                <div class="shopping_rodape">
                    <a href="http://www.litoralplazashopping.com.br" target="_blank" title="Litoral Plaza Shopping">
                        <img src="recursos/imagens/shopping_logo.png"/>
                    </a>
                </div>
               <a href="http://maps.google.com.br/maps/place?ftid=0x94ce1c53d4bbfe33:0x7d7bac900e93689d&q=Av.+Ayrton+Senna+da+Silva,+1.511+-+Praia+Grande+-+SP&hl=pt-BR&ved=0CA0Q-gswAA&sa=X&ei=2baoTuXSEIfqygW50ZXrAg" target="_blank"><h2 class="endereco">Av. Ayrton Senna da Silva, 1.511 - Lojas 9 e 10 - Praia Grande - SP</h2></a>
            </div>
        </div>
    </body>
</html>
